<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>关于我们-艺点意创-品牌顾问,创意设计,传播执行,线上最大品牌创意整合机构</title>
    <meta content="品牌管理,全案策划,logo设计,UI设计,SI设计,工业设计,景观设计,包装设计,网站建设,物料印刷" name='Keywords'>
    <meta content="艺点意创是中国线上最大的品牌创意整合机构，是国内最优秀的LOGO设计、品牌管理全案与标志VI设计公司之一，先后服务宗申、冬奥会、故宫、蒙牛、乌镇、蒙牛、猪八戒等超过5万家企业，是CCTV唯一报道的线上创意服务商。" name='Description'>
    <link rel="stylesheet" href="/plug/bootstrap/3.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/mobile/about.css">
    <link rel="stylesheet" href="/css/mobile/x_menu.css">
    <link rel="stylesheet" type="text/css" href="/css/mobile/index.css">
    <script src="/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="/js/mobile/index.js"></script>
</head>
<body>
<!----头部---->
{{--<div class="about_head">--}}
    {{--<img src="/image/mobile/header_tital.png">--}}
{{--</div>--}}
<!----banner区---->
<div class="z_header_bg">
    <div class="z_header_logo_block_bg">
        <a href="/mobile">
            <div class="z_header_logo_block">
                <img id="title" src="/image/mobile/logo.png">
            </div>
        </a>
        <div class="z_header_hander">
            {{--<p id="top_title">让商业更有创意力</p>--}}
            <a href="tel:4006881314">
                <img id="top_img" src="/image/mobile/400.png">
            </a>
        </div>
        <div class="clear"></div>
    </div>
</div>

<!----关于我们(标题)box1---->
<div class="about_box1">
    <div class="box1_tit">
        <div class="box1_tit1">
            <img src="/image/mobile/ABOUT US.png">
        </div>
        <div class="box1_tit2"><b>关于我们</b></div>
    </div>
    <div class="box1_des">
        艺点作为一家互联网品牌设计策划传播公司，突破以往传统广告思维模式与运作模式，运用互联网思维，洞悉互联网模式下的市场经济结构，立志打造中国最大的互联网创意营销集团。
    </div>
</div>

<!----box2---->
<div class="about_box2">
    <div class="box2_item">
        <div class="item_left">
            <img src="/image/mobile/about_box2_1.png">
        </div>
        <div class="item_right">
            <div class="box2_tit">比企业自身更懂企业</div>
        </div>
        <div style="clear: both;"></div>
    </div>
    <div style="clear: both;"></div>
    <div class="box2_item">
        <div class="item_left">
            <img src="/image/mobile/about_box2_2.png">
        </div>
        <div class="item_right">
            <div class="box2_tit">基于天赋的理性规划团队 </div>
        </div>
        <div style="clear: both;"></div>
    </div>
    <div style="clear: both;"></div>
    <div class="box2_item">
        <div class="item_left">
            <img src="/image/mobile/about_box2_3.png">
        </div>
        <div class="item_right">
            <div class="box2_tit">最大的战略布局</div>
        </div>
        <div style="clear: both;"></div>
    </div>
    <div style="clear: both;"></div>
    <div class="box2_item">
        <div class="item_left">
            <img src="/image/mobile/about_box2_4.png">
        </div>
        <div class="item_right">
            <div class="box2_tit">最高效的创意服务流程 </div>

        </div>
        <div style="clear: both;"></div>
    </div>
    <div style="clear: both;"></div>
    <div class="box2_item">
        <div class="item_left">
            <img src="/image/mobile/about_box2_5.png">
        </div>
        <div class="item_right">
            <div class="box2_tit">最具价值策略的创意营销机构</div>

        </div>
        <div style="clear: both;"></div>
    </div>
    <div style="clear: both;"></div>
</div>

<!----box3---->
<div class="about_box3">
    <div class="box3_tit">
        <img src="/image/mobile/view.png">
    </div>
    <div class="box3_des">
        将<span>“让所有企业都用得起设计”</span>的理念，
        推送到最需要品牌策划的地方，
        追随互联网+趋势，
        形成线上+线下创意服务公司模式，
        成长为最大的创意服务类品牌策划机构。
    </div>
</div>

<!----底部---->
<div class="z_footer_bg">
    <div class="z_footer">
        <div class="z_footer_left">
            <img src="/image/mobile/logo400.png">
        </div>
        <div class="z_footer_right">
            <img src="/image/mobile/erweima.jpg">
            关注官方微信号
        </div>
        <div class="clear" style="clear:both"></div>
        <a href="/?a=1">
            <img style="display: block;width: 50%;padding-top: 1%;" src="/image/mobile/lldnb.jpg">
        </a>
    </div>
    {{--<div class="z_header_top"></div>--}}
</div>

<script>
    $(function(){
//				--头部--
        var head = $(window).width()*0.055 + "px";
        $(".about_head").css({"height":head,"line-height":head,"padding-right":head});
        $(window).resize(function(){
            var head = $(window).width()*0.055 + "px";
            $(".about_head").css({"height":head,"line-height":head,"padding-right":head});
        });

//				--banner--
        var banner = $(window).width()*0.15 + "px";
        $(".about_banner").css("height",banner);
        $(window).resize(function(){
            var banner = $(window).width()*0.15 + "px";
            $(".about_banner").css("height",banner);
        });

        var banner = $(window).width()*0.15 + "px";
        $(".about_banner_left").css({"height":banner,"line-height":banner});
        $(window).resize(function(){
            var banner = $(window).width()*0.15 + "px";
            $(".about_banner_left").css({"height":banner,"line-height":banner});
        });

        var banner = $(window).width()*0.15 + "px";
        $(".about_banner_right").css({"height":banner,"line-height":banner});
        $(window).resize(function(){
            var banner = $(window).width()*0.15 + "px";
            $(".about_banner_right").css({"height":banner,"line-height":banner});
        });

//				--box1--
//				var box1 = $(window).width()* 0.82 + "px";
        var box1_2 = $(window).width()* 0.125 + "px";
        $(".about_box1").css("padding",box1_2);
        $(window).resize(function(){
//					var box1 = $(window).width()* 0.82 + "px";
            var box1_2 = $(window).width()* 0.125 + "px";
            $(".about_box1").css({"padding":box1_2});
        });

        var tit = $(window).width()*0.234 + "px";
        $(".box1_tit").css("height",tit);
        $(window).resize(function(){
            var tit_zhao = $(window).width()*0.234 + "px";
            $(".box1_tit").css("height",tit_zhao);
        });

//				var box1_des = $(window).width()*0.465 + "px";
//				$(".box1_des").css("height",box1_des);
//				$(window).resize(function(){
//					var box1_des = $(window).width()*0.465 + "px";
//					$(".box1_des").css("height",box1_des);
//				})

//				--box2--
        var box2 = $(window).width()*1.79 + "px",
        box2_padding = $(window).width()*0.125 + "px",
        box2_padding1 = $(window).width()*0.86 + "px";
        $(".about_box2").css({"height":box2,"padding-left":box2_padding,"padding-top":box2_padding1});
        $(window).resize(function(){
            var box2 = $(window).width()*1.79 + "px",
            box2_padding = $(window).width()*0.125 + "px",
            box2_padding1 = $(window).width()*0.86 + "px";
            $(".about_box2").css({"height":box2,"padding-left":box2_padding,"padding-top":box2_padding1});
        });

        var item_pad = $(window).width()*0.03 + "px";
        $(".box2_item").css({"padding-top":item_pad,"padding-bottom":item_pad});
        $(window).resize(function(){
            var item_pad = $(window).width()*0.03 + "px";
            $(".box2_item").css({"padding-top":item_pad,"padding-bottom":item_pad});
        });

        var item_height = $(window).height()*0.054 + "px";
        $(".item_left").css({"height":item_height,"width":item_height});
        $(".item_right").css({"height":item_height,"line-height":item_height});
        $(window).resize(function(){
            var item_height = $(window).height()*0.054 + "px";
//            alert(item_height);
            $(".item_left").css({"height":item_height,"width":item_height});
            $(".item_right").css({"height":item_height,"line-height":item_height});
        });


//				--box3--
        var box3 = $(window).width()*0.77 + "px",
        box3_pad = $(window).width()*0.11 + "px",
        box3_pad1= $(window).width()*0.15 + "px";
        $(".about_box3").css({"height":box3,"padding-left":box3_pad,"padding-right":box3_pad,"padding-top":box3_pad1});
        $(window).resize(function(){
            var box3 = $(window).width()*0.77 + "px",
            box3_pad = $(window).width()*0.11 + "px",
            box3_pad1= $(window).width()*0.15 + "px";
            $(".about_box3").css({"height":box3,"padding-left":box3_pad,"padding-right":box3_pad,"padding-top":box3_pad1});
        });

        var box3_mar = $(window).width()*0.08 + "px";
        $(".box3_des").css("margin-top",box3_mar);
        $(window).resize(function(){
            var box3_mar = $(window).width()*0.08 + "px";
            $(".box3_des").css("margin-top",box3_mar);
        })

    });


</script>
{{--固定导航--}}
<div class="menu">
    <a href="/mobile/case" >
        <div class="menu_item">
            <img src="/image/mobile/x_Case.png"> 案例
        </div>
    </a>
    <a href="/mobile">
        <div class="menu_item">
            <img src="/image/mobile/x_Home.png"> 首页
        </div>
    </a>
    <a href="/mobile/about">
        <div class="menu_item">
            <img src="/image/mobile/x_Person.png"> 关于
            <div class="menu_bg2">
                <div class="menu_item1">
                    <img src="/image/mobile/03.png"> 关于
                </div>
            </div>
        </div>
    </a>

</div>
<script>
    //				--菜单高度--
    var menu = $(window).width()*0.125 + "px";
    $(".menu").css({"height":menu,"line-height":menu});
    $(window).resize(function(){
        var menu = $(window).width()*0.125 + "px";
        $(".menu").css({"height":menu,"line-height":menu});
    });
    //				--分类--
    var menu_item = $(window).width()*0.06 + "px";
    $(".menu_item").css({"height":menu_item,"line-height":menu_item});
    $(window).resize(function(){
        var menu_item = $(window).width()*0.06 + "px";
        $(".menu_item").css({"height":menu_item,"line-height":menu_item});
    });
    //				--本页--
    var menu_bg = $(window).width()*0.14 + "px";
    $(".menu_bg2").css({"height":menu_bg,"line-height":menu_bg});
    $(window).resize(function(){
        var menu_bg = $(window).width()*0.14 + "px";
        $(".menu_bg2").css({"height":menu_bg,"line-height":menu_bg});
    });

    var menu_item1 = $(window).width()*0.06 + "px";
    $(".menu_item1").css({"height":menu_item1,"line-height":menu_item1});
    $(window).resize(function(){
        var menu_item1 = $(window).width()*0.06 + "px";
        $(".menu_item1").css({"height":menu_item1,"line-height":menu_item1});
    });
</script>
</body>
</html>
